<template>
  <!-- 主体 -->
  <el-container class="my_container" direction="vertical">
    <!-- 头部 -->
    <head-top></head-top>
    <el-container class="my_main_container">
      <!-- 左侧菜单 -->
      <left-menu-top></left-menu-top>
      <el-main class="my_main_box"><router-view></router-view></el-main>
    </el-container>
  </el-container>
</template>  
  
<script>
import HeadTop from "@/page/common/headTop";
import LeftMenuTop from "@/page/common/leftMenuTop";

export default {
  //注册组件
  components: {
    HeadTop,
    LeftMenuTop,
  },
  //声明数据源
  data() {
    return {
      banners: [],
      videoList: [],
    };
  },
  //定义方法
  methods: {},
};
</script>
  
<style lang="less" scoped>
.my_container {
  height: 100%;
  background-color: #ddedff;
}
.my_main_container {
  height: 100%;
  overflow: hidden;
}
.my_main_box {
  padding: 10px;
  height: 100%;
}
</style>
  